import styled from 'styled-components'
export const StyledFontSetting = styled.div`
	display: inline-flex;
	align-items: center;
	flex: 1;
	.more-setting {
		width: 240px;
		display: flex;
		align-items: center;
		.size-select,
		.position-select {
			margin-right: 15px;
		}
		.color-block {
			display: inline-block;
			border: 1.8px solid #fff;
			outline: 1px solid #ccc;
			height: 13px;
			width: 13px;
			margin-right: 5px;
			margin-left: 15px;
		}
	}
	.font-btn {
		display: inline-block;
		color: #3e9bd0;
		text-decoration: underline;
		cursor: pointer;
		flex-shrink: 0;
		&.disabled {
			color: #cccccc;
		}
	}
`
